<template>
    <div class="container">
      <div>
          <div class="header clearfix">
              <span class="logo-header"><img src="../../static/image/login1.png" alt=""></span>
              <ul class="clearfix">
                  <li attr="#about_me">关于我</li>
                  <li attr="#profesional">专业技能</li>
                  <li attr="#myExpression">工作经验</li>
                  <li attr="#myWork">我的作品</li>
                  <li attr="connect_me">联系我</li>
              </ul>
          </div>
          <div class="content">
             <div class="content-inner">
                 <div id='about_me' class="about_me">
                     <h1>关于我</h1>
                     <div>
                         <pre>  hello，我叫周甜，入前端坑已有两年，本人活泼开朗，性格沉稳，对工作认真负责，纪律性和适应性强。有很强的团队合作意识，能够很快的适应到新的团队合作组中，有2年工作经验，期间不断的自己去学习，如：vue全家桶、各种前端的框架、有时会去了解一些东西的源码。</pre>
                         <div class="sub-me">
                             <ul class="clearfix">
                                 <li><span>姓名：周甜</span></li><li><span>出生年月：1994.07</span></li>
                                 <li><span>民族：汉</span></li><li><span>政治面貌：中共党员</span></li>
                                 <li><span>联系电话：18576686620</span></li><li><span>毕业院校：湖南科技学院</span></li>
                                 <li><span>邮箱：zhoutian@zhituanbox.com</span></li><li><span>学历：本科</span></li>
                                 <li><span>现居地址：广东省深圳市宝安区</span></li>
                             </ul>
                         </div>
                     </div>
                 </div>
                 <div id="profesional" class="profesional clearfix">
                      <ul>
                          <li>
                              <div></div>
                              <h2>DIV+CSS</h2>
                              <p>精通DIV+CSS页面布局，重构,熟悉w3c标准，了解HTML语义化有一定的了解</p>
                          </li>

                          <li>
                              <div></div>
                              <h2>javascript</h2>
                              <p>快速解决兼容性问题、重构代码、es6新特性</p>
                          </li>

                          <li>
                              <div></div>
                              <h2>优化</h2>
                              <p>了解重绘与回流，能更好的进行性能化的编写、javascript的</p>
                          </li>

                          <li>
                              <div></div>
                              <h2>其他</h2>
                              <p>了解vue，vue-router，axios及vuex、node服务页面的搭建</p>
                          </li>
                      </ul>
                 </div>
                 <div id="myExpression">

                 </div>
                 <div id="myWork">

                 </div>
                 <div id="connect_me">

                 </div>
             </div>
          </div>
      </div>
    </div>
</template>

<script>
    import 'jquery/src/jquery'
    import '../../static/js/resume/photo'
    $(function () {
          $('.pro-item').HexagonBg();
    });
</script>
<style scoped src="../../static/css/resume/index.css"></style>